<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>销售机会</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
	<script type="text/javascript">
		function isDel() {
			swal({title:"您确定要删除这条信息吗",
				      text:"删除后将无法恢复，请谨慎操作！",
					  type:"warning",
					  showCancelButton:true,
					  confirmButtonColor:"#DD6B55",
					  confirmButtonText:"确定",
					  cancelButtonText:"取消",
					  closeOnConfirm:false,
					  closeOnCancel:false},
					  function(isConfirm){
						if(isConfirm){
							swal("删除成功！","您已经永久删除了这条信息。",
								 "success"
							)
						}else{
							swal("已取消",
							     "您取消了删除操作！","error"
							)
						}
					}
				)
		};
	</script>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <!-- Panel Other -->
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>销售机会管理</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-wrench"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#">选项1</a>
                        </li>
                        <li><a href="#">选项2</a>
                        </li>
                    </ul>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    

                    <div class="col-sm-12">
                        <!-- Example Events -->
                        <div class="example-wrap">
                            <div class="example">
								<div class="pull-left" style="margin-bottom:12px;">
									<form class="form-inline" role="form">
									  <div class="form-group">
										<label for="exampleInputEmail2">客户名称</label>
										<input type="email" class="form-control input-sm" placeholder="客户名称">
									  </div>
									  <div class="form-group" style="margin-left:10px">
										<label for="exampleInputPassword2">概要</label>
										<input type="password" class="form-control input-sm" placeholder="概要">
									  </div>
									  <div class="form-group" style="margin-left:10px">
										<label for="exampleInputPassword2">联系人</label>
										<input type="password" class="form-control input-sm" placeholder="联系人">
									  </div>
									</form>
								</div>
								<div class="btn-group hidden-xs pull-right" id="exampleTableEventsToolbar" role="group">
									<button type="button" class="btn btn-outline btn-default">
										<i class="glyphicon glyphicon-search" aria-hidden="true"></i>
										搜索
									</button>
									<button type="button" class="btn btn-outline btn-default" data-toggle="modal" data-target="#myModal2">
										<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
										新建
									</button>
								</div>
                                <table class="table table-bordered table-hover" 
								       data-height="400"
									   style="margin-bottom:0px"
									   data-mobile-responsive="true">
                                    <thead>
                                        <tr>
                                            <th>编号</th>
                                            <th>客户名称</th>
                                            <th>概要</th>
											<th>联系人</th>
											<th>联系人电话</th>
											<th>创建时间</th>
											<th>
												<div align="center">操作</div>
											</th>
                                        </tr>
                                    </thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>睿智数码</td>
											<td>采购电脑意向</td>
											<td>刘先生</td>
											<td>19902233454</td>
											<td>2016年12月6日</td>
											<td align="center">
												<div>
													<a title="指派" data-toggle="modal" data-target="#myModal3">
														<i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a title="修改" data-toggle="modal" data-target="#myModal4" style="color:#CC6600">
														<i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a onclick="isDel();" title="删除" style="color:#CC0000">
														<i class="glyphicon glyphicon-remove" aria-hidden="true"></i>
													</a>
												</div>
											</td>
										</tr>
										<tr>
											<td>1</td>
											<td>睿智数码</td>
											<td>采购电脑意向</td>
											<td>刘先生</td>
											<td>19902233454</td>
											<td>2016年12月6日</td>
											<td align="center">
												<div>
													<a title="指派" data-toggle="modal" data-target="#myModal3">
														<i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a title="修改" data-toggle="modal" data-target="#myModal4" style="color:#CC6600">
														<i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a onclick="isDel();" title="删除" style="color:#CC0000">
														<i class="glyphicon glyphicon-remove" aria-hidden="true"></i>
													</a>
												</div>
											</td>
										</tr>
										<tr>
											<td>1</td>
											<td>睿智数码</td>
											<td>采购电脑意向</td>
											<td>刘先生</td>
											<td>19902233454</td>
											<td>2016年12月6日</td>
											<td align="center">
												<div>
													<a title="指派" data-toggle="modal" data-target="#myModal3">
														<i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a title="修改" data-toggle="modal" data-target="#myModal4" style="color:#CC6600">
														<i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>
													</a>
													&nbsp;&nbsp;
													<a onclick="isDel();" title="删除" style="color:#CC0000">
														<i class="glyphicon glyphicon-remove" aria-hidden="true"></i>
													</a>
												</div>
											</td>
										</tr>
									</tbody>
                                </table>
								<div class="row">
									<div class="col-lg-6">
										<div class="pull-left" style="margin-top:15px">
											<p>显示 1 到 10 项，共 57 项</p>
										</div>
									</div>
									<div class="col-lg-6">
										<div class="pull-right">
											<ul class="pagination">
												<li><a>&laquo;</a></li>
												<li class="active"><a>1</a></li>
												<li><a>2</a></li>
												<li><a>3</a></li>
												<li><a>4</a></li>
												<li><a>5</a></li>
												<li class="disabled"><a>&raquo;</a></li>
											</ul>
										</div>
									</div>
								</div>
								
                            </div>
                        </div>
                        <!-- End Example Events -->
                    </div>
                </div>
            </div>
        </div>
        <!-- End Panel Other -->
    </div>
	
	<!-- ****************************添加销售机会框**************************** -->
	<div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width:800px;margin-top:20px;">
			<div class="modal-content animated flipInY">
				<div class="modal-header" style="height:50px;padding-top:15px;">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
					<div class="pull-left"><h4>新建销售机会</h4></div>
				</div>
				<div class="modal-body" style="background-color:#fff;padding-bottom:0px;padding-top:10px;">
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">编号</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" disabled placeholder="由系统生成">
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">机会来源</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" placeholder="机会来源">
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">客户名称</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" placeholder="客户名称">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">成功几率</span>
							</th>
							<td><input type="email" class="form-control input-sm" placeholder="成功几率"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">概要</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" placeholder="概要">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">机会描述</span>
							</th>
							<td>
								<textarea class="form-control input-sm" rows="2">这是一个机会描述</textarea>
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">联系人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" placeholder="联系人">
							</td>
							<th  style="background-color:#F5F5F6">
								<span style="color:#000">联系人电话</span>
							</th>
							<td><input type="email" class="form-control input-sm" placeholder="联系人电话"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" placeholder="创建人">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建时间</span>
							</th>
							<td><input type="email" class="form-control input-sm" placeholder="创建时间"></td>
						</tr>
					</table>
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派给</span>
							</th>
							<td  width="35%">
								<select class="form-control input-sm"  disabled>
								  <option>小明</option>
								  <option>小花</option>
								</select>
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派时间</span>
							</th>
							<td  width="35%">
								<input type="email" class="form-control input-sm" placeholder="机会来源" disabled>
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
		</div>
	</div>
	<!-- ****************************添加销售机会框结束**************************** -->
	
	<!-- ****************************分配销售机会框**************************** -->
	<div class="modal inmodal" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width:800px;margin-top:20px;">
			<div class="modal-content animated flipInY">
				<div class="modal-header" style="height:50px;padding-top:15px;">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
					<div class="pull-left"><h4>分配销售机会</h4></div>
				</div>
				<div class="modal-body" style="background-color:#fff;padding-bottom:0px;padding-top:10px;">
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">编号</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" disabled value="1">
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">机会来源</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" disabled value="来自中国">
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">客户名称</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" disabled value="睿智数码">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">成功几率</span>
							</th>
							<td><input type="email" class="form-control input-sm" disabled value="80"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">概要</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" disabled value="这是一个概要">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">机会描述</span>
							</th>
							<td>
								<textarea class="form-control input-sm" rows="2" disabled>这是一个机会描述</textarea>
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">联系人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" disabled value="王先生">
							</td>
							<th  style="background-color:#F5F5F6">
								<span style="color:#000">联系人电话</span>
							</th>
							<td><input type="email" class="form-control input-sm" disabled value="15757575444"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" disabled value="拉拉">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建时间</span>
							</th>
							<td><input type="email" class="form-control input-sm" disabled value="2016年12月6日"></td>
						</tr>
					</table>
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派给</span>
							</th>
							<td  width="35%">
								<select class="form-control input-sm">
								  <option>小明</option>
								  <option>小花</option>
								</select>
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派时间</span>
							</th>
							<td  width="35%">
								<input type="email" class="form-control input-sm" placeholder="机会来源">
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
		</div>
	</div>
	<!-- ****************************分配销售机会框结束**************************** -->
	
	<!-- ****************************修改销售机会框**************************** -->
	<div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width:800px;margin-top:20px;">
			<div class="modal-content animated flipInY">
				<div class="modal-header" style="height:50px;padding-top:15px;">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
					<div class="pull-left"><h4>修改销售机会</h4></div>
				</div>
				<div class="modal-body" style="background-color:#fff;padding-bottom:0px;padding-top:10px;">
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">编号</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" disabled value="1">
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">机会来源</span>
							</th>
							<td width="35%">
								<input type="email" class="form-control input-sm" value="来自中国">
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">客户名称</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" value="睿智数码">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">成功几率</span>
							</th>
							<td><input type="email" class="form-control input-sm" value="80"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">概要</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" placeholder="概要">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">机会描述</span>
							</th>
							<td>
								<textarea class="form-control input-sm" rows="2">这是一个机会描述</textarea>
							</td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">联系人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" value="王先生">
							</td>
							<th  style="background-color:#F5F5F6">
								<span style="color:#000">联系人电话</span>
							</th>
							<td><input type="email" class="form-control input-sm" value="15757575444"></td>
						</tr>
						<tr>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建人</span>
							</th>
							<td>
								<input type="email" class="form-control input-sm" disabled value="拉拉">
							</td>
							<th style="background-color:#F5F5F6">
								<span style="color:#000">创建时间</span>
							</th>
							<td><input type="email" class="form-control input-sm" disabled value="2016年12月6日"></td>
						</tr>
					</table>
					<table class="table table-bordered">
						<tr>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派给</span>
							</th>
							<td  width="35%">
								<select class="form-control input-sm" disabled>
								  <option>小明</option>
								  <option>小花</option>
								</select>
							</td>
							<th style="background-color:#F5F5F6" width="15%">
								<span style="color:#000">指派时间</span>
							</th>
							<td  width="35%">
								<input type="email" class="form-control input-sm"  disabled placeholder="机会来源">
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
		</div>
	</div>
	<!-- ****************************修改销售机会框结束**************************** -->
	
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content.min.js?v=1.0.0"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/demo/bootstrap-table-demo.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_bootstrap.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:06 GMT -->
</html>
